var vm = new Vue({
    el: "#vm",
    data: function () {
        return {
            spacing: 60, //再次获取验证码的初始间隔秒数
            remainder: 0, //距离再次获取验证码的剩余秒数
            timer: null,//定时器
        }
    },
    mounted: function () {
        var _this = this;

        //检查上一个倒计时是否还有剩余秒数
        if ($.cookie("test_captcha")) {
            _this.remainder = parseInt($.cookie("test_captcha"));
            _this.doTimer();//执行倒计时
        }

        //点击获取验证码  开始做倒计时
        $(".getCode").click(function () {
            if ($(this).hasClass("getCode")) {//切换类名实现防止多次连续点击
                _this.remainder = _this.spacing;
                _this.doTimer();//执行倒计时
            }
        })
    },
    methods: {
        doTimer: function () {//执行倒计时
            var _this = this;
            _this.timer = setInterval(function () {
                _this.remainder--;
                if (_this.remainder > 0) {
                    $.cookie("test_captcha", _this.remainder, { "expires": ((1 / 86400) * _this.remainder) });
                } else {
                    clearInterval(_this.timer);
                    _this.timer = null;
                }
            }, 1000);
        },
    }
});